<template>
  <div>
    <!-- <v-nav :current="'2'" :langType="lang" :lang="lang" @EnData="EnData" @ChData="ChData"></v-nav>
    <div class="banner-s">
      <img src="@/assets/banner2.png" alt="" style="width: 100%;display:block">
    </div> -->
    <router-view></router-view>
    <div style="width: 100%;height: 66px"></div>
    <vFooter></vFooter>
  </div>
</template>

<script>
import vFooter from '@/components/footer.vue'
import {mapGetters} from 'vuex'
export default {
  name: 'about',
  data () {
    return {
      current: 2,
      title: []
    }
  },
  computed: {
    ...mapGetters({
      'lang': 'lang'
    })
  },
  methods: {
    EnData (res) {
      this.version()
    },
    ChData (res) {
      this.version()
    },
    _getChList () {
    },
    _getEnList () {
    },
    version () {
      if (this.lang === 1) {
        this._getChList()
      }
      if (this.lang === 2) {
        this._getEnList()
      }
    }
  },
  components: {
    vFooter
  },
  created () {
    this.version()
    window.scrollTo(0, 0)
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
  .y-list {
    margin-top: 39px;
    display: flex;
    // flex-wrap: wrap;
    >div {
      width: 290px;
      margin-right: 15px;
      margin-bottom: 49px;
      >div {
        width: 290px;
        height: 180px;
        img {
          width: 100%;
          height: 100%
        }
      }
      span {
        margin-top: 22px;
        font-size: 18px;
        line-height: 30px;
        letter-spacing: 1px;
        color: #333333;
        display: block;
        text-align: center
      }
    }
    >div:nth-child(4n) {
      margin-right: 0
    }
  }
  .y-list2 {
    margin-top: 39px;
    display: flex;
    flex-wrap: wrap;
    >div {
      width: 390px;
      margin-right: 14px;
      margin-bottom: 49px;
      >div {
        width: 390px;
        height: 220px;
        img {
          width: 100%;
          height: 100%
        }
      }
      span {
        margin-top: 22px;
        font-size: 18px;
        line-height: 30px;
        letter-spacing: 1px;
        color: #333333;
        display: block;
        text-align: center
      }
    }
    >div:nth-child(3n) {
      margin-right: 0
    }
  }
</style>
